<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
			.div1,.div3{
				width: 400px;
				height: 200px;
				border: 0px solid beige;
				position: relative;
				margin-top: 30px;
			}
			.span1{
				font-weight: 600;
				vertical-align: top;
			}
			.div1 .img1,.div .img1{
				width: 80px;
				
			}
			.span2{
				position: absolute;
				color: red;
				
				
				top: 0;
				right: 0;
				
				
				
				
			}
			.div1-div1,.div3-div1{
				position: absolute;
				left: 100px;
				top: 20px;
				line-height: 20px;
				top: 30px;
			}
			.div1-div1 span,.div3-div1 span{
				color: blue;
			}
			.div1-div1 .span3,.div3-div1 .span3{
				color: red;
			}
			.div1-div2,.div3-div2{
				position: absolute;
				top: 70px;
				left: 100px;
				
			}
			
			.div1-div2 ul,.div2-div2 ul,.div3-div2 ul{
				list-style-image: url(img/sucai1.png);
				top: 0;
			}
			.div2{
				width: 400px;
				height: 200px;
				border: 0px solid beige;
				position: relative;
				margin-top: 30px;
			}
			.div2-div1{
				position: absolute;
				left: 100px;
				top: 20px;
				line-height: 25px;
				top: 30px;
			}
			.div2 .img1{
				width: 80px;
				
			}
			.div2-div1{
				position: absolute;
				left: 100px;
				top: 20px;
				line-height: 20px;
				top: 30px;
			}
			.div2-div1 span{
				color: blue;
			}
			.div2-div1 .span3{
				color: red;
			}
			.div2-div2{
				position: absolute;
				top: 70px;
				left: 100px;
				
			}
		</style>
	</head>
	<body>
		<div id="" class="div1">
			<img src="img/home_03.jpg" class="img1"/>
			<span class="span1">环太平洋</span>
			<div class="span2">468人评论过</div>
			
			<div class="div1-div1"><span>#太平洋#太平洋#</span>
				对影建筑物即将倒塌、核弹攻击城市、外星人入侵...<span class="span3">[详细]</span>
			</div>
			<div class="div1-div2">
				<ul>
				<li>欧美电影</li></ul>
			</div>
		</div>
		<div id="" class="div2">
			<img src="img/home_06.jpg" class="img1"/>
			<span class="span1">速度与激情6</span>
			<div class="span2">783人评论过</div>
			
			<div class="div2-div1">【杰森斯坦决定加盟<span>#速#</span>】
				斯坦森饰演第六部大反派欧文肖...<span class="span3">[详细]</span>
			</div>
			<div class="div2-div2">
				<ul>
				<li>热映推荐</li></ul>
			</div>
		</div>
		<div id="" class="div3">
			<img src="img/home_08.jpg" class="img1"/>
			<span class="span1">青春派</span>
			<div class="span2">97人评论过</div>
			
			<div class="div3-div1">《青春派》预告片“零差评”逆增长....<span class="span3">[详细]</span>
			</div>
			<div class="div3-div2">
				<ul>
				<li>电影预告</li></ul>
			</div>
		</div>
	</body>
</html>
